<template>
  <div>
    <puplic-modal
      width="840px"
      :publicVisible="publicVisible"
      modalStyle="addEditSupportModal"
      @cancel="cancel"
      @handleOk="handleOk"
      :title="title"
    >
      <div slot="content" class="content">
        <div>
          <p class="accords-title">《{{ records.regulationsId_dictText }}》{{ records.articleNo }}</p>
          <p class="context" v-html="records.articleContent"></p>
        </div>
      </div>
      <div slot="footer"></div>
    </puplic-modal>
  </div>
</template>
<script>
import puplicModal from '@/components/publicModal'
export default {
  components: { puplicModal },
  name: 'addEditSupportModal',
  data () {
    return {
      title: '条文详情',
      publicVisible: false,
      records: {},
    }
  },
  mounted () { },
  methods: {
    show (records) {
      this.publicVisible = true
      this.records = records
      console.log(records)
    },

    handleOk () {
      this.publicVisible = false
    },
    cancel () {
      this.publicVisible = false
    },
  },
}
</script>
<style scoped lang="less">
@import '~@/assets/less/common.less';

/deep/ .content {
  padding: 20px;
}
.search-group {
  padding: 0;
}
.accords-title {
  font-size: 14px;
  text-align: center;
  font-weight: 500;
  color: #1388ff;
}
.context {
  font-size: 14px;
  font-weight: 400;
  color: #509eee;
}
/deep/ .modalFooter {
  height: 20px !important;
}
</style>
